﻿@using QDT.Common
@model QDT.Core.Members.User
@{
    ViewBag.Title = "用户身份证绑定";
}
<script type="text/javascript" src="@Url.Content("~/Content/Default/JS/jquery.validate.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/Content/Default/JS/messages_zh.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/Content/Default/JS/id.number.js")"> </script>
<script type="text/javascript">
    $().ready(function () {
        $.validator.addMethod("idnumber", function (value, element) {
            return this.optional(element) || idnumber(value);
        }, "<br/>请正确输入您的身份证号码");
        $('form').validate({
            rules: {
                RealName: "required",
                IDCard: {
                    required: true,
                    idnumber: true
                }
            },
            messages: {
                RealName: "<br/>请填写真实姓名！",
                IDCard: {
                    required: "<br/>请填写身份证号！"
                }
            }

        });
    });
</script>

<script type="text/javascript" src="@Url.Content("~/Content/Default/JS/messages_zh.js")"> </script>
<script type="text/javascript">
    $().ready(function () {
        $("#Safe_Center").css("background", "#e0524b");
        $("#Safe_Center i,#Safe_Center span").css("color", "white");
        $("#Safe_Center .san-jiaoxing").css("display", "block");
    });
</script>
<style type="text/css">
    .ui-body
    {
        padding: 0;
        background-color: white;
    }
    .ui-grid-20
    {
        width: 778px;
        margin-left: -20px;
    }
    .Mycolor
    {
        border: 1px solid #d52d18;
        border-radius: 4px;
        text-align: center;
        width: 80px;
        color: #d52d18;
        background-color: #fff;
    }
    .Mycolor:hover
    {
        color: white;
        background-color: #d52d18;
    }
</style>
@Html.Action("_UserBanner")
<div class="ui-body">
    <div class="ui-inner">
        <div class="ui-grid-row">
            @Html.Action("UserMenu", new { route = MenuRoute.SafeCenter })
            <div class="ui-grid-20">
                <div class="ui-box">
                    <div class="ui-box-hd">
                        <h1 class="ui-box-title">
                            身份验证
                        </h1>
                    </div>
                    <div class="ui-tipbox ui-tipbox-wait">
                        <div class="ui-tipbox-content">
                            <p class="ui-tipbox-explain">
                                您好，国政通是众禧贷接入公安部的身份认证平台，认证后账户更安全；
                            </p>
                        </div>
                    </div>

                    <form class="ui-form" name="" method="post" action="@Url.Action("PostBindIdCard")">
                        <fieldset>
                            <legend>身份验证</legend>

                            <div class="ui-form-item">
                                <label for="" class="ui-label">
                                    <span class="ui-form-required">*</span>真实姓名
                                </label>
                                <input class="ui-input ui-input-large" type="text" value="@Model.RealName"  id="RealName" name="RealName" />
                            </div>

                            <div class="ui-form-item">
                                <label for="" class="ui-label"><span class="ui-form-required">*</span>身份证号</label>
                                <input class="ui-input ui-input-large" type="text" value="@Model.IDCard" id="IDCard" name="IDCard" onkeyup=" idcheck(this); " />
                            </div>

                            <div class="ui-form-item">
                                <input type="hidden" name="Id" value="@Model.ID"/>

                                <input type="submit" class="Mycolor" style="width: 90px;height: 30px;font-size: 16px;" value="提交"/>

                            </div>

                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="margin-top: -10px;">@Html.Partial("_BindBottomImage")</div>
